<!-- 关于页 -->
<template>
    <div class='about'>
        <a-row type="flex" justify="center" align="middle" style="margin-top: 15px;">
            <a-col :span="15" :xs="23" :sm="23" :md="23" :lg="23" :xl="15">
                <a-card style="width: 98%;margin: auto;min-height: 600px;">
                    <div class="row" style="text-align: center;">
                        <img src="https://s1.ax1x.com/2020/10/11/0cZNdK.jpg"
                            style="border-radius: 50%;width: 250px;height: 250px;">
                        <h2 style="color: rgb(233, 186, 56);margin-top: 5px;font-weight: bold;font-size: 32px;">※听雨※
                        </h2>
                        <div class="row" style="text-align: center;padding: 10px 0;">
                            <span style="font-size: 18px;white-space: pre;">&raquo;&nbsp;90后业余编程爱好者&nbsp;&laquo;
                            </span>
                        </div>
                    </div>
                    <div style="text-align: center;margin: 10px 0;">
                        <a href="tencent://message/?uin=1186472484" target="_blank" title="QQ交流: 1186472484"
                            style="margin: 5px 10px;">
                            <a-icon type="qq-circle" theme="filled" :style="{ fontSize: '32px'}" />
                        </a>
                        <a target="_blank" title="QQ邮箱: 1186472484@qq.com" style="margin: 5px 10px;">
                            <a-icon type="mail" :style="{ fontSize: '32px'}" />
                        </a>
                        <a href="https://gitee.com/yuguofu" target="_blank" title="码云" style="margin: 5px 10px;">
                            <a-icon type="github" :style="{ fontSize: '32px'}" />
                        </a>
                    </div>

                    <div style="text-align: center;">
                        <a-divider>个人简介</a-divider>
                        <div style="margin: 10px 0;line-height: 1.5;">
                            <span>90后大好青年<br></span>
                            <span>90后大好青年<br></span>
                            <span>90后大好青年<br></span>

                        </div>
                        <a-divider />
                    </div>
                </a-card>
            </a-col>

        </a-row>
    </div>
</template>

<script>
    //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
    //例如：import 《组件名称》 from '《组件路径》';

    export default {
        //import引入的组件需要注入到对象中才能使用
        components: {},
        data() {
            //这里存放数据
            return {

            };
        },
        //计算属性
        computed: {},
        //生命周期 - 创建完成（可以访问当前this实例）
        created() {

        },
        //生命周期 - 挂载完成（可以访问DOM元素）
        mounted() {

        },
        //方法集合
        methods: {

        },
    };
</script>
<style>
    .about {
        height: 100%;
        /* min-height: 630px; */
    }
</style>